<template>
  <div>
    随便写
    <!-- tabber :底部导航栏-->
    <mt-tabbar v-model="tabSelected">
      <mt-tab-item id="index">
        <img :src="require(`@/assets/main_${tabSelected=='index' ? '1':'0'}.png`)" slot="icon" />
        首页
      </mt-tab-item>
      <mt-tab-item id="cart">
        <img :src="require(`@/assets/cart_${tabSelected=='cart' ? '1':'0'}.png`)" slot="icon" />
        购物车
      </mt-tab-item>
      <mt-tab-item id="me">
        <!-- 粗暴模式 -->
        <img v-if="tabSelected=='me'" src="@/assets/me_1.png" slot="icon" />
        <img v-else src="@/assets/me_0.png" slot="icon" />
        我的
      </mt-tab-item>
    </mt-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tabSelected: "index",
    }
  },
}
</script>

<style lang="scss" scoped></style>
